<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="基础信息" name="second">基础信息</el-tab-pane>
    <el-tab-pane label="项目建模" name="first">
     <side></side>
      <div class="right">
        
      </div>

      用户管理
    </el-tab-pane>

    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
    
  </el-tabs>
</template>
<script>
import Side from "../../../components/projectType/side/index.vue"
export default {
  components:{Side},
  data() {
    return {
      open: true,
      tableData: [
      
      ],
      deptOptions: undefined,
      

      elForm: {},
      // 可以绑定请求的数据
      formData: {
        field101: undefined,
        field102: 3,
      },
      formDatas: {
        field101: undefined,
        field102: 3,
      },
      input: "",
      // 菜单写死的数据
      datas: [
        {
          id: 1,
          label: "一级 1",
          children: [
            { id: 2, label: "一级 1" },
            { id: 3, label: "一级 1" },
            { id: 4, label: "一级 1" },
          ],
        },
      ],
      restaurants: [],
      state: "",
      defaultProps: {
        children: "children",
        label: "label",
      },
      // 单选框
      radio1: "1",
      radio2: "1",

      // 按钮切换
      activeName: "second",
      // 弹框
      dialogTableVisible: false,
      dialogFormVisible: false,
      ble: false,
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
      },
      formLabelWidth: "120px",
    };
  },
  // 菜单用到的生命周期
  mounted() {
    this.restaurants = this.loadAll();
  },
  methods: {
    // 菜单
    handleEdit(index, row) {
      console.log(index, row);
      this.open=false;
      this.$refs.myInp.focus();

    },
    handleDelete(index, row) {
      console.log(index, row);
    },
    // 新建楼栋
    news() {
      this.$refs.focus();
    },
    // 复制楼栋按钮的弹出

    bles() {
      this.ble = true;
    },

    eidt() {
      // this.open = false;
      
    },
    //  新建楼
    newsTower() {
      this.$refs.myInp.focus();
    },
    //菜单

    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>
<style lang="scss" scoped>
.bottom {
  margin-top: 20px;
}
// 菜单楼层

input {
  border: 1px solid white;
}
input:focus {
  outline: 1px solid white;
}

// 侧面

.side {
  width: 20%;
  float: left;
  margin-left: 10px;
  height: 900px;
  border: 1px solid gray;
  .header {
    display: flex;
  }
}

.boder {
  margin-top: 10px;

  height: 100px;
  border-top: 1px solid black;
}
.dao {
  position: absolute;
  left: 350px;
  top: 10px;
}
.line {
  width: 100%;
  position: absolute;
  top: 50px;
  right: 10px;
  border: 1px solid gray;
}
</style>
